<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>鲜花网|花礼网-鲜花礼品网,领先鲜花速递网站,网上订花送花上门,同城鲜花快递网上花店</title>
</head>
<link rel="stylesheet" href="./css/index.css">
<link rel="stylesheet" href="./css/reset.css">
<link rel="stylesheet" href="./css/download/font_2578555_m0m2d3el9f/iconfont.css">

<body>
    <!-- 头部广告 -->
    <div class="f-love">
        <a href=""> <img src="./img/21_logoupdate_banner_top.png" alt="" class="ban-hed"></a>
    </div>
    <!-- 顶部导航 -->
    <div class="top-nav">
        <div class="top-nav-wrapper">
            <ul class="top-nav-l">
                <li>
                    <a href="">
                        <span>
                            <i class="iconfont icon-xingxing"></i> 收藏鲜花网(hua.com)</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span>
                            <i class="iconfont icon-weixin"></i> 关注微信</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span>
                            <i class="iconfont icon-hua"></i> 花礼网APP</span>
                    </a>
                </li>
            </ul>
            <ul class="top-nav-r">
                <li id="sign">
                    <a href="./register.html">您好，请登录</a>
                </li>
                <li>
                    <a href="">
                        订单查询
                    </a>
                </li>
                <li>
                    <a href="">
                        客户服务
                        <i class="iconfont icon-jiantou1"></i>
                    </a>
                </li>
                <li>
                    <a href="./ShopNothing.html">
                        购物车
                        <span>(0)</span>
                    </a>
                </li>
                <li>
                    鲜花礼品网:国内领先鲜花网品牌
                </li>
            </ul>
        </div>
    </div>
    <script src="./libs/jquery.2.2.4.js"></script>
    <script>
        console.log(localStorage);
        if (localStorage.getItem("isLogin") === "OK") {
            $("#sign").html(`<a href="./personal.html">${localStorage.getItem("username")}</a>`)
        } else {
            $("#sign").html(`<a href="./register.html">您好，请登录</a>`)
        }
    </script>
    <!-- 搜索栏 -->
    <div class="clearfix">
        <div class="logo-nav">
        </div>
        <div class="search-box-group">
            <div class="search-icon">
                <i class="iconfont icon-shijian"></i>
            </div>
            <input type="text" placeholder="商品搜索" class="search-box-input">
            <ul class="list"></ul>
            <div class="search-box-btn">
                <button>搜索</button>
            </div>
            <ul class="cearch-flo">
                <li>
                    <a href="">
                        红玫瑰
                    </a>
                </li>
                <li>
                    <a href="">
                        永生花
                    </a>
                </li>
                <li>
                    <a href="">
                        生日蛋糕
                    </a>
                </li>
                <li>
                    <a href="">
                        礼物卡
                    </a>
                </li>
            </ul>
        </div>
        <div>
            <i class="iconfont icon-dianhua"></i>
            <span> 400-889-8188</span>
        </div>
        <div>
            <i class="iconfont icon-kefu"></i>
            <span>在线客服</span>
        </div>
    </div>
    <!-- 导航栏 -->
    <div class="navi-cont">
        <div class="navi-cate">
            <i class="iconfont icon-gengduo"></i>
            <a href="" id="out">所有分类</a>
            <div id="dropdown">
                <div class="dropdown-cate-item">
                    <h3>
                        <a href="">鲜花的用途</a>
                    </h3>
                    <ul class="cate-list-cate-list-inline">
                        <li><a href="">爱情鲜花</a></li>
                        <li><a href="">生日鲜花</a></li>
                        <li><a href="">友情鲜花</a></li>
                        <li><a href="">问候长辈</a></li>
                        <li><a href="">探病慰问</a></li>
                        <li><a href="">道歉鲜花</a></li>
                        <li><a href="">祝贺鲜花</a></li>
                        <li><a href="">婚庆鲜花</a></li>
                        <li><a href="">商务鲜花</a></li>
                    </ul>
                    <div class="right-pop">
                        <h2>鲜花的用途</h2>
                        <div class="rig-cen">
                            <img src="https://img.alicdn.com/imgextra/i2/57341007/O1CN01dU1gwT1JJFSINcQbC_!!0-saturn_solar.jpg_468x468q75.jpg_.webp"
                                alt="">
                            <h4>爱情鲜花</h4>
                        </div>
                        <div class="rig-cen">
                            <img src="https://img.alicdn.com/imgextra/i1/500300155/O1CN01VMwilN1D124pwyGAd_!!0-saturn_solar.jpg_468x468q75.jpg_.webp"
                                alt="">
                            <h4>生日鲜花</h4>
                        </div>
                        <div class="rig-cen">
                            <img src="https://img.alicdn.com/imgextra/i4/1281310159/O1CN012KWoiq1D2rfJknT63_!!0-saturn_solar.jpg_468x468q75.jpg_.webp"
                                alt="">
                            <h4>友情鲜花</h4>
                        </div>
                        <div class="rig-cen">
                            <img src="https://pic1.zhimg.com/80/v2-11fae5a8aa20120b5394695e81df8fce_720w.jpg?source=1940ef5c"
                                alt="">
                            <h4>问候长辈</h4>
                        </div>
                        <div class="rig-cen">
                            <img src="https://pic1.zhimg.com/80/v2-a80130a129929f79be805fd7dbc07c12_720w.jpg?source=1940ef5c"
                                alt="">
                            <h4>探病慰问</h4>
                        </div>
                        <div class="rig-cen">
                            <img src="https://pic1.zhimg.com/80/v2-f97befe5876088a801a984d148e504a2_720w.jpg?source=1940ef5c"
                                alt="">
                            <h4>道歉鲜花</h4>
                        </div>
                        <div class="rig-cen">
                            <img src="https://pica.zhimg.com/80/v2-ee15397ba834b71349619a7afc0e5b43_720w.jpg?source=1940ef5c"
                                alt="">
                            <h4>婚庆鲜花</h4>
                        </div>
                        <div class="rig-cen">
                            <img src="https://pic4.zhimg.com/80/v2-5871846a42a6febcbd41b337f2afb43a_720w.jpg?source=1940ef5c"
                                alt="">
                            <h4>商务鲜花</h4>
                        </div>
                    </div>
                </div>
                <div class="dropdown-cate-item">
                    <h3>
                        <a href="">鲜花花材</a>
                    </h3>
                    <ul class="cate-list-cate-list-inline">
                        <li><a href="">玫瑰</a></li>
                        <li><a href="">康乃馨</a></li>
                        <li><a href="">百合</a></li>
                        <li><a href="">向日葵</a></li>
                        <li><a href="">芙拉</a></li>
                        <li><a href="">郁金香</a></li>
                        <li><a href="">马蹄莲</a></li>
                    </ul>
                    <div class="right-pop">
                        <h2>鲜花花材</h2>
                        <div class="rig-cen">
                            <img src="./img/sf2.jpg" alt="">
                            <h4>玫瑰</h4>
                        </div>
                        <div class="rig-cen">
                            <img src="./img/sf3.jpg" alt="">
                            <h4>康乃馨</h4>
                        </div>
                        <div class="rig-cen">
                            <img src="./img/sf4.jpg" alt="">
                            <h4>百合</h4>
                        </div>
                        <div class="rig-cen">
                            <img src="./img/sf5.jpg" alt="">
                            <h4>向日葵</h4>
                        </div>
                        <div class="rig-cen">
                            <img src="./img/sf6.jpg" alt="">
                            <h4>芙拉</h4>
                        </div>
                        <div class="rig-cen">
                            <img src="./img/sf7.jpg" alt="">
                            <h4>郁金香</h4>
                        </div>
                        <div class="rig-cen">
                            <img src="./img/sf8.jpg" alt="">
                            <h4>马蹄莲</h4>
                        </div>
                    </div>
                </div>
                <div class="dropdown-cate-item">
                    <h3>
                        <a href="">永生花</a>
                    </h3>
                    <ul class="cate-list-cate-list-inline">
                        <li><a href="">永生花瓶</a></li>
                        <li><a href="">经典花盒</a></li>
                        <li><a href="">特色永生花</a></li>
                    </ul>
                    <div class="right-pop">
                        <h2>生日鲜花</h2>
                        <div class="rig-cen">
                            <img src="//img02.hua.com/m/category/Classification/m_category_ppf_sort_Vase.png" alt="">
                            <h4>永生花瓶</h4>
                        </div>
                        <div class="rig-cen">
                            <img src="//img02.hua.com/m/category/Classification/m_category_ppf_sort_Box.png" alt="">
                            <h4>经典花盒</h4>
                        </div>
                        <div class="rig-cen">
                            <img src="//img02.hua.com/m/category/Classification/m_category_ppf_sort_Special.png" alt="">
                            <h4>特色永生花</h4>
                        </div>
                        <div class="rig-cen">
                            <img src="//img02.hua.com/m/category/Classification/m_category_ppf_sort_GiantRose.png"
                                alt="">
                            <h4>巨型玫瑰</h4>
                        </div>
                    </div>
                </div>
                <div class="dropdown-cate-item">
                    <h3>
                        <a href="">蛋糕</a>
                    </h3>
                    <ul class="cate-list-cate-list-inline">
                        <li><a href="">元祖</a></li>
                        <li><a href="">幸福西饼</a></li>
                        <li><a href="">21Cake</a></li>
                        <li><a href="">诺心蛋糕</a></li>
                        <li><a href="">窝夫小子</a></li>
                        <li><a href="">BONCAKE</a></li>
                    </ul>
                    <div class="right-pop">
                        <h2>蛋糕</h2>
                        <div class="rig-cen">
                            <img src="//img02.hua.com/m/category/Classification/m_category_cake_ganso.png" alt="">
                            <h4>元祖</h4>
                        </div>
                        <div class="rig-cen">
                            <img src="//img02.hua.com/m/category/Classification/m_category_cake_xfxb.png" alt="">
                            <h4>幸福西饼</h4>
                        </div>
                        <div class="rig-cen">
                            <img src="//img02.hua.com/m/category/Classification/m_category_cake_21cake.png" alt="">
                            <h4>21Cake</h4>
                        </div>
                        <div class="rig-cen">
                            <img src="//img02.hua.com/m/category/Classification/m_category_cake_lecake.png" alt="">
                            <h4>诺心蛋糕</h4>
                        </div>
                        <div class="rig-cen">
                            <img src="//img02.hua.com/m/category/Classification/m_category_cake_waffleboy.png" alt="">
                            <h4>窝夫小子</h4>
                        </div>
                        <div class="rig-cen">
                            <img src="//img02.hua.com/m/category/Classification/m_category_cake_boncake.png" alt="">
                            <h4>BONCAKE</h4>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <ul class="navi-nav">
            <li>
                <a href="./details.html">
                    鲜花
                </a>
            </li>
            <li>
                <a href="">
                    永生花
                </a>
            </li>
            <li>
                <a href="">
                    蛋糕
                </a>
            </li>
            <li>
                <a href="">
                    礼品
                </a>
            </li>
            <li>
                <a href="">
                    巧克力
                </a>
            </li>
            <li>
                <a href="">
                    花语大全
                </a>
            </li>
            <li>
                <a href="">
                    企业团购
                </a>
            </li>
            <li>
                <a href="">
                    设计师臻选鲜花
                </a>
            </li>
            <li>
                <a href="">
                    儿童节鲜花礼物
                </a>
            </li>
        </ul>
    </div>
    <div class="target" id="target-2">
        <div>
            <div><img src="./img/ban1.jpg"></div>
            <div><img src="./img/ban2.jpg"></div>
            <div><img src="./img/ban3.jpg"></div>
        </div>
    </div>
    <!-- 服务 -->
    <div class="ref-so">
        <ul>
            <li>
                <a href="#">
                    <i class="iconfont icon-app"></i>
                    <span>返回顶部</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="iconfont icon-gouwuche
                    "></i>
                    <span>爱情鲜花</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="iconfont icon-kefu"></i>
                    <span>送长辈鲜花</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="iconfont icon-dianhua"></i>
                    <span>永生花</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="iconfont icon-yijianfankui"></i>
                    <span>蛋糕</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="iconfont icon-dingbu"></i>
                    <span>礼物</span>
                </a>
            </li>
        </ul>
    </div>
    <div class="referElem">

        <ul class="ref-ul">
            <li>
                <a href="">
                    <h4><i class="iconfont icon-hua">
                        </i>鲜花电商认证龙头企业</h4>
                </a>
            </li>
            <li>
                <a href="">
                    <h4><i class="iconfont icon-shijian"></i>16年品牌</h4>
                </a>
            </li>
            <li>
                <a href="">
                    <h4> <i class="iconfont icon-jiangbei"></i>三小时全国送花</h4>
                </a>
            </li>
            <li>
                <a href="">
                    <h4><i class="iconfont icon-qian"></i>200%承诺退款</h4>
                </a>
            </li>
            <li>
                <a href="">
                    <h4><i class="iconfont icon-xiangji"></i>鲜花电商认证龙头企业</h4>
                </a>
            </li>
        </ul>
    </div>
    <!-- 场景入口 -->
    <div class="scene" style="margin-bottom:30px;">
        <div class="scene-list">
            <a href="">
                <img src="./img/home_channel_lover.jpg" alt="">
            </a>
        </div>
        <div class="scene-list">
            <a href="">
                <img src="./img/home_channel_elder2.jpg" alt="">
            </a>
            <div class="scene-item-horizontal">
                <a href="">
                    <img src="./img/home_channel_elder2.jpg" alt="">
                </a>
            </div>
        </div>
        <div class="scene-list">
            <a href="">
                <img src="./img/home_channel_lover.jpg" alt="">
            </a>
        </div>
        <div class="scene-list">
            <a href="">
                <img src="./img/home_channel_express.jpg" alt="">
                <img src="./img/home_channel_business.png" alt="">
                <img src="./img/home_channel_friend.jpg" alt="">
            </a>
        </div>
    </div>
    <div class="scene-clearfix">
        <div class="scene-item-vertical">
            <a href="">
                <img src="./img/home_channel_rexiao.png" alt="">
            </a>
            <a href="">
                <img src="./img/home_channel_pinwei.png" alt="">
            </a>
            <a href="">
                <img src="./img/home_channel_tejia.png" alt="">
            </a>
            <a href="">
                <img src="./img/home_channel_xinpin.png" alt="">
            </a>
        </div>
    </div>
    <!-- 楼层 爱情鲜花 -->
    <div class="f-love1 f-love">
        <div class="f-container">
            <a href="" class="hd-1 fl">
                爱情鲜花 |
                <span>
                    送 · 让你怦然心动的人
                </span>
            </a>
            <h3>
                <a href="" class="hd-2 fr">
                    <span>更多鲜花<i class="iconfont icon-jiantou"></i></span>
                </a>
            </h3>
        </div>
        <div class="b-container">
            <a href="">
                <img src="./img/home_floor_lover.png" alt="" class="img1">
                <div class="link-cover">
                    <h1>爱情鲜花专区 <i class="iconfont icon-jiantou"></i> </h1>
                </div>
            </a>
            <div class="r-container">
                <a href="">
                    <div class="r-con-1">
                        <img src="./img/9012471.jpg_220x240.jpg" alt="">
                        <a href="">
                            <h2>爱情.你是唯一</h2>
                            <span>￥139</span>
                            <h4>已售 6.9万 件</h4>
                        </a>
                    </div>
                </a>
                <a href="">
                    <div class="r-con-1">
                        <img src="./img/9010966.jpg_220x240.jpg" alt="">
                        <a href="">
                            <h2>爱情 · 一往情深</h2>
                            <span>￥139</span>
                            <h4>已售 6.9万 件</h4>
                        </a>
                    </div>
                </a>
                <a href="">
                    <div class="r-con-1">
                        <img src="./img/9012508.jpg_220x240.jpg" alt="">
                        <a href="">
                            <h2>爱情 · 韩式系列/亲爱的你</h2>
                            <span>￥139</span>
                            <h4>已售 6.9万 件</h4>
                        </a>
                    </div>
                </a>
                <div class="r-con-1">
                    <img src="./img/9012499.jpg_220x240.jpg" alt="">
                    <a href="">
                        <h2>爱情.你是唯一</h2>
                        <span>￥139</span>
                        <h4>已售 6.9万 件</h4>
                    </a>
                </div>
                <div class="r-con-1">
                    <img src="./img/9012455.jpg_220x240.jpg" alt="">
                    <a href="">
                        <h2>爱情.你是唯一</h2>
                        <span>￥139</span>
                        <h4>已售 6.9万 件</h4>
                    </a>
                </div>
                <div class="r-con-1">
                    <img src="./img/9012243.jpg_220x240.jpg" alt="">
                    <a href="">
                        <h2>爱情.你是唯一</h2>
                        <span>￥139</span>
                        <h4>已售 6.9万 件</h4>
                    </a>
                </div>
                <div class="r-con-1">
                    <img src="./img/9012499.jpg_220x240.jpg" alt="">
                    <a href="">
                        <h2>爱情.你是唯一</h2>
                        <span>￥139</span>
                        <h4>已售 6.9万 件</h4>
                    </a>
                </div>
                <div class="r-con-1">
                    <img src="./img/9012471.jpg_220x240.jpg" alt="">
                    <a href="">
                        <h2>爱情.你是唯一</h2>
                        <span>￥139</span>
                        <h4>已售 6.9万 件</h4>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="f-love2 f-love">
        <div class="f-container">
            <a href="" class="hd-1 fl">
                送长辈鲜花 |
                <span>
                    赠 · 父母/恩师/长辈
                </span>
            </a>
            <h3>
                <a href="" class="hd-2 fr">
                    <span>更多鲜花<i class="iconfont icon-jiantou"></i></span>
                </a>
            </h3>
        </div>
        <div class="b-container">
            <a href="">
                <img src="./img/home_floor_elder.png" alt="" class="img1">
                <div class="link-cover">
                    <h1>爱情鲜花专区 <i class="iconfont icon-jiantou"></i> </h1>
                </div>
            </a>
            <div class="r-container">
                <div class="r-con-1">
                    <img src="./img/9012471.jpg_220x240.jpg" alt="">
                    <a href="">
                        <h2>爱情.你是唯一</h2>
                        <span>￥139</span>
                        <h4>已售 6.9万 件</h4>
                    </a>
                </div>
                <div class="r-con-1">
                    <img src="./img/9010966.jpg_220x240.jpg" alt="">
                    <a href="">
                        <h2>爱情 · 一往情深</h2>
                        <span>￥139</span>
                        <h4>已售 6.9万 件</h4>
                    </a>
                </div>
                <div class="r-con-1">
                    <img src="./img/9012508.jpg_220x240.jpg" alt="">
                    <a href="">
                        <h2>爱情 · 韩式系列/亲爱的你</h2>
                        <span>￥139</span>
                        <h4>已售 6.9万 件</h4>
                    </a>
                </div>
                <div class="r-con-1">
                    <img src="./img/9012499.jpg_220x240.jpg" alt="">
                    <a href="">
                        <h2>爱情.你是唯一</h2>
                        <span>￥139</span>
                        <h4>已售 6.9万 件</h4>
                    </a>
                </div>
                <div class="r-con-1">
                    <img src="./img/9012455.jpg_220x240.jpg" alt="">
                    <a href="">
                        <h2>爱情.你是唯一</h2>
                        <span>￥139</span>
                        <h4>已售 6.9万 件</h4>
                    </a>
                </div>
                <div class="r-con-1">
                    <img src="./img/9012243.jpg_220x240.jpg" alt="">
                    <a href="">
                        <h2>爱情.你是唯一</h2>
                        <span>￥139</span>
                        <h4>已售 6.9万 件</h4>
                    </a>
                </div>
                <div class="r-con-1">
                    <img src="./img/9012499.jpg_220x240.jpg" alt="">
                    <a href="">
                        <h2>爱情.你是唯一</h2>
                        <span>￥139</span>
                        <h4>已售 6.9万 件</h4>
                    </a>
                </div>
                <div class="r-con-1">
                    <img src="./img/9012471.jpg_220x240.jpg" alt="">
                    <a href="">
                        <h2>爱情.你是唯一</h2>
                        <span>￥139</span>
                        <h4>已售 6.9万 件</h4>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="f-love3 f-love">
        <div class="f-container">
            <a href="" class="hd-1 fl">
                永生花 |
                <span>
                    许 · 她一生承诺
                </span>
            </a>
            <h3>
                <a href="" class="hd-2 fr">
                    <span>更多鲜花<i class="iconfont icon-jiantou"></i></span>
                </a>
            </h3>
        </div>
        <div class="b-container">
            <a href="">
                <img src="./img/home_floor_song.jpg" alt="" class="img1">
                <div class="link-cover">
                    <h1>爱情鲜花专区 <i class="iconfont icon-jiantou"></i> </h1>
                </div>
            </a>
            <div class="r-container">
                <div class="r-con-1">
                    <img src="./img/1073264.jpg_220x240.jpg" alt="">
                    <a href="">
                        <h2>爱情.你是唯一</h2>
                        <span>￥139</span>
                        <h4>已售 6.9万 件</h4>
                    </a>
                </div>
                <div class="r-con-1">
                    <img src="./img/9010966.jpg_220x240.jpg" alt="">
                    <a href="">
                        <h2>爱情 · 一往情深</h2>
                        <span>￥139</span>
                        <h4>已售 6.9万 件</h4>
                    </a>
                </div>
                <div class="r-con-1">
                    <img src="./img/9012508.jpg_220x240.jpg" alt="">
                    <a href="">
                        <h2>爱情 · 韩式系列/亲爱的你</h2>
                        <span>￥139</span>
                        <h4>已售 6.9万 件</h4>
                    </a>
                </div>
                <div class="r-con-1">
                    <img src="./img/9012499.jpg_220x240.jpg" alt="">
                    <a href="">
                        <h2>爱情.你是唯一</h2>
                        <span>￥139</span>
                        <h4>已售 6.9万 件</h4>
                    </a>
                </div>
                <div class="r-con-1">
                    <img src="./img/9012455.jpg_220x240.jpg" alt="">
                    <a href="">
                        <h2>爱情.你是唯一</h2>
                        <span>￥139</span>
                        <h4>已售 6.9万 件</h4>
                    </a>
                </div>
                <div class="r-con-1">
                    <img src="./img/9012243.jpg_220x240.jpg" alt="">
                    <a href="">
                        <h2>爱情.你是唯一</h2>
                        <span>￥139</span>
                        <h4>已售 6.9万 件</h4>
                    </a>
                </div>
                <div class="r-con-1">
                    <img src="./img/9012499.jpg_220x240.jpg" alt="">
                    <a href="">
                        <h2>爱情.你是唯一</h2>
                        <span>￥139</span>
                        <h4>已售 6.9万 件</h4>
                    </a>
                </div>
                <div class="r-con-1">
                    <img src="./img/9012471.jpg_220x240.jpg" alt="">
                    <a href="">
                        <h2>爱情.你是唯一</h2>
                        <span>￥139</span>
                        <h4>已售 6.9万 件</h4>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 蛋糕 -->
    <div class="back-cake f-love">
        <div class="cake-t">
            <a href="">
                <h2>蛋糕</h2>
            </a>
            <span>一起品味甜蜜时光</span>
            <a href="">
                <h3>更多蛋糕<i class="iconfont icon-jiantou"></i></h3>
            </a>
        </div>
        <div class="cake-banne">
            <div class="cake-title">
                <h2>配送城市</h2>
                <a href="">
                    <h3>请选择<i class="iconfont icon-jiantou"></i></h3>
                </a>
            </div>
            <ul class="cake-cities">
                <li><a href="">北京</a></li>
                <li><a href="">上海</a></li>
                <li><a href="">深圳</a></li>
                <li><a href="">广州</a></li>
                <li><a href="">天津</a></li>
                <li><a href="">重庆</a></li>
                <li><a href="">成都</a></li>
                <li><a href="">沈阳</a></li>
                <li><a href="">武汉</a></li>
                <li><a href="">西安</a></li>
                <li><a href="">杭州</a></li>
                <li><a href="">南京</a></li>
                <li><a href="">苏州</a></li>
                <li><a href="">长沙</a></li>
                <li><a href="">更多</a></li>
            </ul>
            <div class="cake-brand"><a href="">
                    <img src="./img/hagendasi.png" alt="">
                    <h3>哈根达斯</h3>
                </a></div>
            <div class="cake-brand"><a href="">

                    <img src="./img/hagendasi.png" alt="">
                    <h3>哈根达斯</h3>
                </a></div>
            <div class="cake-brand"><a href="">
                    <img src="./img/hagendasi.png" alt="">
                    <h3>哈根达斯</h3>
                </a></div>
            <div class="cake-brand"><a href="">
                    <img src="./img/hagendasi.png" alt="">
                    <h3>哈根达斯</h3>
                </a></div>
            <div class="cake-brand"><a href="">
                    <img src="./img/hagendasi.png" alt="">
                    <h3>哈根达斯</h3>
                </a></div>
            <div class="cake-brand"><a href="">
                    <img src="./img/hagendasi.png" alt="">
                    <h3>哈根达斯</h3>
                </a></div>
            <div class="cake-brand"><a href="">
                    <img src="./img/hagendasi.png" alt="">
                    <h3>哈根达斯</h3>
                </a></div>
            <div class="cake-brand"><a href="">
                    <img src="./img/hagendasi.png" alt="">
                    <h3>哈根达斯</h3>
                </a></div>
            <div class="cake-brand"><a href="">
                    <img src="./img/hagendasi.png" alt="">
                    <h3>哈根达斯</h3>

                </a></div>
            <div class="cake-brand"><a href="">
                    <img src="./img/hagendasi.png" alt="">
                    <h3>哈根达斯</h3>

                </a></div>
            <div class="cake-brand"><a href="">
                    <img src="./img/hagendasi.png" alt="">
                    <h3>哈根达斯</h3>

                </a></div>
            <div class="cake-brand"><a href="">
                    <img src="./img/hagendasi.png" alt="">
                    <h3>哈根达斯</h3>
                </a></div>
            <div class="cake-brand"><a href="">
                    <img src="./img/hagendasi.png" alt="">
                    <h3>哈根达斯</h3>
                </a></div>
            <div class="cake-brand"><a href="">
                    <img src="./img/hagendasi.png" alt="">
                    <h3>哈根达斯</h3>
                </a></div>
            <div class="cake-brand"><a href="">
                    <img src="./img/hagendasi.png" alt="">
                    <h3>哈根达斯</h3>
                </a></div>
            <div class="cake-brand"><a href="">
                    <img src="./img/hagendasi.png" alt="">
                    <h3>哈根达斯</h3>
                </a></div>
        </div>
        <div class="cake-products">
            <div class="products-item">
                <a href="">
                    <img src="./img/coki.jpg" alt="">
                    <p>幸福西饼蛋糕 · 四重奏蛋糕(约2磅)</p>
                    <span>￥238</span>
                    <h3>已售5808件</h3>
                </a>
            </div>
            <div class="products-item">
                <a href="">
                    <img src="./img/21cak.jpg" alt="">
                    <p>幸福西饼蛋糕 · 四重奏蛋糕(约2磅)</p>
                    <span>￥238</span>
                    <h3>已售5808件</h3>
                </a>
            </div>
            <div class="products-item">
                <a href="">
                    <img src="./img/5301105.jpg_220x240.jpg" alt="">
                    <p>幸福西饼蛋糕 · 四重奏蛋糕(约2磅)</p>
                    <span>￥238</span>
                    <h3>已售5808件</h3>
                </a>
            </div>
            <div class="products-item">
                <a href="">
                    <img src="./img/5181052.jpg_220x240.jpg" alt="">
                    <p>幸福西饼蛋糕 · 四重奏蛋糕(约2磅)</p>
                    <span>￥238</span>
                    <h3>已售5808件</h3>
                </a>
            </div>
            <div class="products-item">
                <a href="">
                    <img src="./img/5501137.jpg_220x240.jpg" alt="">
                    <p>幸福西饼蛋糕 · 四重奏蛋糕(约2磅)</p>
                    <span>￥238</span>
                    <h3>已售5808件</h3>
                </a>
            </div>
        </div>
    </div>
    <!-- 礼品 -->
    <div class="gifts f-love">
        <div class="cake-t">
            <a href="">
                <h2>礼物</h2>
            </a>
            <span>给她·最美好的礼物</span>
            <a href="">
                <h3>更多礼品<i class="iconfont icon-jiantou"></i></h3>
            </a>
        </div>
        <div class="gifts-banner">
            <ul class="gifts-t">
                <li><a href="">水晶内雕/3D激光内雕水晶</a></li>
                <li><a href="">进口/泰国保鲜花</a></li>
                <li><a href="">金箔玫瑰/金箔画</a></li>
                <li><a href="">精品音乐盒/八音盒</a></li>
                <li><a href="">生日礼品</a></li>
                <li><a href="">约会/求爱礼品</a></li>
                <li><a href="">结婚礼品</a></li>
                <li><a href="">感谢/祝福礼品</a></li>
                <li><a href="">拜访/探望礼品</a></li>
                <li><a href="">结婚纪念日礼品</a></li>
            </ul>
            <div class="gifts-b">
                <img src="./img/世华.png" alt="">
                <p>施华洛世奇</p>
            </div>
            <div class="gifts-b">
                <img src="./img/潮牌.png" alt="">
                <p>Glam Ever潮牌饰品</p>
            </div>
            <div class="gifts-b">
                <img src="./img/迪奥.png" alt="">
                <p>迪奥Dior</p>
            </div>
            <div class="gifts-b">
                <img src="./img/猫王.png" alt="">
                <p>猫王收音机</p>
            </div>
            <div class="gifts-b">
                <img src="./img/HelloKitty.png" alt="">
                <p>Hello Kitty</p>
            </div>
        </div>
        <div class="cake-products">
            <div class="products-item">
                <a href="">
                    <img src="./img/1076062.jpg_220x240.jpg" alt="">
                    <p>礼品 · 磁悬浮3D打印月球灯</p>
                    <span>￥238</span>
                    <h3>已售5808件</h3>
                </a>
            </div>
            <div class="products-item">
                <a href="">
                    <img src="./img/1076124.jpg_220x240.jpg" alt="">
                    <p>礼品 · 磁悬浮3D打印月球灯</p>
                    <span>￥238</span>
                    <h3>已售5808件</h3>
                </a>
            </div>
            <div class="products-item">
                <a href="">
                    <img src="./img/1071028.jpg_220x240.jpg" alt="">
                    <p>礼品 · 磁悬浮3D打印月球灯</p>
                    <span>￥238</span>
                    <h3>已售5808件</h3>
                </a>
            </div>
            <div class="products-item">
                <a href="">
                    <img src="./img/1064005.jpg_220x240.jpg" alt="">
                    <p>礼品 · 磁悬浮3D打印月球灯</p>
                    <span>￥238</span>
                    <h3>已售5808件</h3>
                </a>
            </div>
            <div class="products-item">
                <a href="">
                    <img src="./img/1061039.jpg_220x240.jpg" alt="">
                    <p>礼品 · 磁悬浮3D打印月球灯</p>
                    <span>￥238</span>
                    <h3>已售5808件</h3>
                </a>
            </div>
            <div class="products-item">
                <a href="">
                    <img src="./img/sky.jpg" alt="">
                    <p>礼品 · 磁悬浮3D打印月球灯</p>
                    <span>￥238</span>
                    <h3>已售5808件</h3>
                </a>
            </div>
            <div class="products-item">
                <a href="">
                    <img src="./img/1065004.jpg_220x240.jpg" alt="">
                    <p>礼品 · 磁悬浮3D打印月球灯</p>
                    <span>￥238</span>
                    <h3>已售5808件</h3>
                </a>
            </div>
            <div class="products-item">
                <a href="">
                    <img src="./img/1065046.jpg_220x240.jpg" alt="">
                    <p>礼品 · 磁悬浮3D打印月球灯</p>
                    <span>￥238</span>
                    <h3>已售5808件</h3>
                </a>
            </div>
            <div class="products-item">
                <a href="">
                    <img src="./img/1207050.jpg_220x240.jpg" alt="">
                    <p>礼品 · 磁悬浮3D打印月球灯</p>
                    <span>￥238</span>
                    <h3>已售5808件</h3>
                </a>
            </div>
            <div class="products-item">
                <a href="">
                    <img src="./img/6010158.jpg_220x240.jpg" alt="">
                    <p>礼品 · 磁悬浮3D打印月球灯</p>
                    <span>￥238</span>
                    <h3>已售5808件</h3>
                </a>
            </div>
        </div>
    </div>
    <!-- 晒单 -->
    <div class="comments">
        <div class="cake-t">
            <a href="">
                <h2>晒单评价</h2>
            </a>
            <span>用户实拍晒单</span>
            <a href="">
                <h3>查看所有评价<i class="iconfont icon-jiantou"></i></h3>
            </a>
        </div>
        <div class="comm-item">
            <a href="">
                <div class="comm-items">
                    <div class="comm-item-l">
                        <div class="comm-l">
                            <img src="./img/132.jpg" alt="">
                            <h4>回忆终*是过去</h4>
                        </div>
                        <div class="comm-c">
                            <h5>
                                朋友很喜欢
                            </h5>
                        </div>
                        <h6>江苏苏州市</h6>
                        <h6>2021/6/8</h6>
                    </div>
                    <img src="./img/evaluate.jpg" alt="" id="r-img">
                </div>
            </a>
            <a href="">
                <div class="comm-items">
                    <div class="comm-item-l">
                        <div class="comm-l">
                            <img src="./img/132.jpg" alt="">
                            <h4>回忆终*是过去</h4>
                        </div>
                        <div class="comm-c">
                            <h5>
                                朋友很喜欢
                            </h5>
                        </div>
                        <h6>江苏苏州市</h6>
                        <h6>2021/6/8</h6>
                    </div>
                    <img src="./img/evaluate.jpg" alt="" id="r-img">
                </div>
            </a>
            <a href="">
                <div class="comm-items">
                    <div class="comm-item-l">
                        <div class="comm-l">
                            <img src="./img/132.jpg" alt="">
                            <h4>回忆终*是过去</h4>
                        </div>
                        <div class="comm-c">
                            <h5>
                                朋友很喜欢
                            </h5>
                        </div>
                        <h6>江苏苏州市</h6>
                        <h6>2021/6/8</h6>
                    </div>
                    <img src="./img/evaluate.jpg" alt="" id="r-img">
                </div>
            </a>
            <a href="">
                <div class="comm-items">
                    <div class="comm-item-l">
                        <div class="comm-l">
                            <img src="./img/132.jpg" alt="">
                            <h4>回忆终*是过去</h4>
                        </div>
                        <div class="comm-c">
                            <h5>
                                朋友很喜欢
                            </h5>
                        </div>
                        <h6>江苏苏州市</h6>
                        <h6>2021/6/8</h6>
                    </div>
                    <img src="./img/evaluate.jpg" alt="" id="r-img">
                </div>
            </a>
            <a href="">
                <div class="comm-items">
                    <div class="comm-item-l">
                        <div class="comm-l">
                            <img src="./img/132.jpg" alt="">
                            <h4>回忆终*是过去</h4>
                        </div>
                        <div class="comm-c">
                            <h5>
                                朋友很喜欢
                            </h5>
                        </div>
                        <h6>江苏苏州市</h6>
                        <h6>2021/6/8</h6>
                    </div>
                    <img src="./img/evaluate.jpg" alt="" id="r-img">
                </div>
            </a>
            <a href="">
                <div class="comm-items">
                    <div class="comm-item-l">
                        <div class="comm-l">
                            <img src="./img/132.jpg" alt="">
                            <h4>回忆终*是过去</h4>
                        </div>
                        <div class="comm-c">
                            <h5>
                                朋友很喜欢
                            </h5>
                        </div>
                        <h6>江苏苏州市</h6>
                        <h6>2021/6/8</h6>
                    </div>
                    <img src="./img/evaluate.jpg" alt="" id="r-img">
                </div>
            </a>
            <a href="">
                <div class="comm-items">
                    <div class="comm-item-l">
                        <div class="comm-l">
                            <img src="./img/132.jpg" alt="">
                            <h4>回忆终*是过去</h4>
                        </div>
                        <div class="comm-c">
                            <h5>
                                朋友很喜欢
                            </h5>
                        </div>
                        <h6>江苏苏州市</h6>
                        <h6>2021/6/8</h6>
                    </div>
                    <img src="./img/evaluate.jpg" alt="" id="r-img">
                </div>
            </a>
            <a href="">
                <div class="comm-items">
                    <div class="comm-item-l">
                        <div class="comm-l">
                            <img src="./img/132.jpg" alt="">
                            <h4>回忆终*是过去</h4>
                        </div>
                        <div class="comm-c">
                            <h5>
                                朋友很喜欢
                            </h5>
                        </div>
                        <h6>江苏苏州市</h6>
                        <h6>2021/6/8</h6>
                    </div>
                    <img src="./img/evaluate.jpg" alt="" id="r-img">
                </div>
            </a>

        </div>
    </div>
    <!-- 尾部服务 -->
    <div class="foot">

    </div>
    <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <script src="./js/HappyImage.min.js"></script>
    <script>
        $("#target-1").HappyImage({
            effect: "slide"
        });
        $("#target-2").HappyImage({
            effect: "fade"
        });

    </script>
</body>
<script src="./js/flow.js"></script>
<script src="./js/move.js"></script>
<script src="./js/ajax.1.0.js"></script>
<script src="./libs/jquery.2.2.4.js"></script>
<script>
    $(".foot").load("http://localhost:3000/html/Common_style.html .end-tail")
</script>
<script>
    $(".ref-so ul li").click(function () {
        var index = $(this).index()

        // 根据点击的按钮的索引获取楼层元素
        var now = ($(".f-love").eq(index))
        var t = now.offset().top;
        $(document).scrollTop(t)
    })
</script>
<script>
    class Search {
        constructor(ops) {
            this.search = ops.search;
            this.list = ops.list;
            this.url = ops.url;
            this.addEvent()
        }
        addEvent() {
            const that = this;
            this.search.oninput = function () {
                if (that.search.value != "") {
                    that.list.style.display = "block"
                } else {
                    that.list.style.display = "none"
                };
                that.v = this.value;
                that.load();
            }

        }
        load() {
            request({
                url: this.url,
                type: "jsonp",
                data: {
                    wd: this.v,
                    cb: "jhladskgvou"
                },
                filedName: "cb",
                success: (res) => {
                    this.res = res.s;
                    this.render();
                }
            })
        }
        render() {
            let str = "";
            for (var i = 0; i < this.res.length; i++) {
                str += `<li>${this.res[i]}</li>`
            }
            this.list.innerHTML = str;
        }
    }
    new Search({
        search: document.querySelector(".search-box-input"),
        list: document.querySelector(".list"),
        url: "https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su"
    })
</script>

</html>